$(function () {
    // 样式按钮
    $('#cssButton').kendoButton({
        iconClass: 'fas fa-yin-yang mr-1'
    });
    // 图标按钮
    $('#iconButton').kendoButton({
        icon: 'star'
    });
    // 纯图标按钮
    $('#iconOnlyButton').kendoButton({
        icon: 'star'
    });
    // 图片按钮
    $('#imageButton').kendoButton({
        imageUrl: 'img/IKKI.png'
    });
    // 禁用按钮
    $('#disabledButton').kendoButton({
        enable: false
    });
    // 角徽标按钮
    $('#overlayButton').kendoButton({
        badge: {
            overlay: true
        }
    });
    // 内嵌徽标按钮
    $('#inlineButton').kendoButton({
        badge: {
            overlay: false
        }
    });
    // 圆点角标按钮
    $('#dotBadgeOverlayButton').kendoButton({
        badge: true
    });
    // 圆角角标按钮
    $('#pillBadgeOverlayButton').kendoButton({
        badge: {
            appearance: 'pill',
            value: 88
        }
    });
    // 直角角标按钮
    $('#rectangleBadgeOverlayButton').kendoButton({
        badge: {
            appearance: 'rectangle',
            value: 88
        }
    });
    // 主色角标按钮
    $('#primaryBadgeOverlayButton').kendoButton({
        badge: {
            type: 'primary',
            value: 88
        }
    });
    // 次色角标按钮
    $('#secondaryBadgeOverlayButton').kendoButton({
        badge: {
            type: 'secondary',
            value: 88
        }
    });
    // 成功角标按钮
    $('#successBadgeOverlayButton').kendoButton({
        badge: {
            type: 'success',
            value: 88
        }
    });
    // 信息角标按钮
    $('#infoBadgeOverlayButton').kendoButton({
        badge: {
            type: 'info',
            value: 88
        }
    });
    // 警告角标按钮
    $('#warningBadgeOverlayButton').kendoButton({
        badge: {
            type: 'warning',
            value: 88
        }
    });
    // 错误角标按钮
    $('#errorBadgeOverlayButton').kendoButton({
        badge: {
            type: 'error',
            value: 88
        }
    });
    // 扁平角标按钮
    $('#flatBadgeOverlayButton').kendoButton({
        badge: {
            look: 'flat',
            value: 88
        }
    });
    // 轮廓角标按钮
    $('#outlineBadgeOverlayButton').kendoButton({
        badge: {
            look: 'outline',
            type: 'info',
            value: 88
        }
    });
    // 自定义角标按钮
    $('#customBadgeOverlayButton').kendoButton({
        badge: {
            template: '#= value > 99 ? "99+" : value #',
            value: 100
        }
    });
    // 圆点内标按钮
    $('#dotBadgeInlineButton').kendoButton({
        badge: {
            overlay: false
        }
    });
    // 圆角内标按钮
    $('#pillBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            appearance: 'pill',
            value: 88
        }
    });
    // 直角内标按钮
    $('#rectangleBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            appearance: 'rectangle',
            value: 88
        }
    });
    // 主色内标按钮
    $('#primaryBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'primary',
            value: 88
        }
    });
    // 次色内标按钮
    $('#secondaryBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'secondary',
            value: 88
        }
    });
    // 成功内标按钮
    $('#successBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'success',
            value: 88
        }
    });
    // 信息内标按钮
    $('#infoBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'info',
            value: 88
        }
    });
    // 警告内标按钮
    $('#warningBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'warning',
            value: 88
        }
    });
    // 错误内标按钮
    $('#errorBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            type: 'error',
            value: 88
        }
    });
    // 扁平内标按钮
    $('#flatBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            look: 'flat',
            value: 88
        }
    });
    // 轮廓内标按钮
    $('#outlineBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            look: 'outline',
            type: 'info',
            value: 88
        }
    });
    // 自定义内标按钮
    $('#customBadgeInlineButton').kendoButton({
        badge: {
            overlay: false,
            template: '#= value > 99 ? "99+" : value #',
            value: 100
        }
    });
});